<template>
<div class="container waiguan">
  <div class="title">刹车系统</div>
  <van-collapse v-model="activeNames">
    <van-collapse-item title="刹车总成" name="1">
      <van-cell title="刹车力度过大" value="" is-link />
      <van-cell title="刹车力度过小" value="" is-link />
      <van-cell title="刹车抱死" value="" is-link />
      <van-cell title="刹车失灵" value="" is-link />
      <van-cell title="刹车漏油" value="" is-link />
      <van-cell title="刹车断裂" value="" is-link />
      <van-cell title="刹车异响" value="" is-link />
      <van-cell title="油镜破裂" value="" is-link />
    </van-collapse-item>
    <van-collapse-item title="碟刹盘" name="2">
      <van-cell title="碟盘磨损" value="" is-link />
      <van-cell title="碟盘损坏" value="" is-link />
      <van-cell title="碟刹盘磨损不均匀" value="" is-link />
      <van-cell title="碟刹盘变形" value="" is-link />
    </van-collapse-item>
    <van-collapse-item title="刹车片" name="3">
      <van-cell title="刹车片磨损" value="" is-link />
      <van-cell title="刹车片脱落" value="" is-link />
    </van-collapse-item>
    <van-collapse-item title="鼓刹" name="4">
      <van-cell title="鼓刹内异物" value="" is-link />
      <van-cell title="鼓刹无法调节" value="" is-link />
    </van-collapse-item>
    <van-collapse-item title="刹把" name="5">
      <van-cell title="刹把断裂" value="" is-link />
      <van-cell title="刹把磨损" value="" is-link />
      <van-cell title="刹把掉漆" value="" is-link />
      <van-cell title="刹把失效" value="" is-link />
      <van-cell title="刹把过紧" value="" is-link />
      <van-cell title="刹把过松" value="" is-link />
      <van-cell title="刹把不回位" value="" is-link />
    </van-collapse-item>
  </van-collapse>
</div>

</template>
<script>
import { Collapse, CollapseItem,Toast,Cell } from 'vant';
export default {
  components:{
    [Cell.name]:Cell,
    [Toast.name]:Toast,
    [Collapse.name]:Collapse,
    [CollapseItem.name]:CollapseItem,
  },
  data(){
    return{
      activeNames: []
    }
  },
  mounted(){
    Toast.loading({duration:1000,mask: false,message: '加载中...'});

  },
  methods:{


  }
}
</script>
<style>
.waiguan .van-cell{
  padding-left:0;
  padding-right:0;
}
.van-collapse-item__content{
  padding:0;
  padding-left:15px;
}
.van-collapse-item__title .van-cell__title{
  font-weight:500;
}
</style>

<style scoped lang="scss">
.container{
  padding:0 18px;
  height:100%;
  text-align: left;
}
.title{
  height:72px;
  font-size:25px;
  line-height: 72px;
  font-weight:500;
}

</style>